<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% request.setAttribute("path", request.getContextPath());%>
<head>
<title>Monitor Admin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/gif" href="${path}/img/logo.png">
<link rel="stylesheet" type="text/css" href="${path}/css/monitor-head.min.css?" />
</head>
<body>

<!--Header-part-->
<div id="header">
  <h3><a href="main"><span>&nbsp;M</span>onitor <small>Glodon Paas Defensor</small></a></h3>
</div>
<!--close-Header-part-->

<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
  <ul class="nav">
    <li class="" ><a title="" href=""><i class="icon icon-user"></i> <span class="text">${loginUser.userName}</span></a></li>
    <li class="dropdown" id="menu-user"><a href="#" data-toggle="dropdown" data-target="#menu-user" class="dropdown-toggle">
    <i class="icon icon-envelope"></i><span class="text">${loginUser.userName}</span> 
      <span class="label label-important">5</span> <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a class="sAdd" title="" href="userProfile?id=${loginUser.id}">Profile</a></li>
        <li><a class="sInbox" title="" href="#">Change Password</a></li>
        <li><a class="sOutbox" title="" href="#">outbox</a></li>
        <li><a class="sTrash" title="" href="#">trash</a></li>
      </ul>
    </li>
    <li class=""><a title="" href="#"><i class="icon icon-envelope"></i> <span class="text">Messages</span></a></li>
    <li class=""><a title="" href="#"><i class="icon icon-eye-open"></i> <span class="text">Help</span></a></li>
    <li class=""><a title="" href="logout"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a></li>
  </ul>
</div>
<!--close-top-Header-menu-->

<div id="sidebar">
    <a href="main" class="visible-phone"><i class="icon icon-home"></i>Dashboard</a>
    <ul>
	    <li class="active"><a href="main"><i class="icon icon-home"></i> <span>Dashboard</span></a> </li>
	    <li><a href="#"><i class="icon icon-tint"></i> <span>Charts &amp; graphs</span></a> </li>
	    <li class="submenu"> <a href="#"><i class="icon icon-file"></i> <span>Products</span> <span class="label label-important">4</span></a>
	      <ul>
	        <li><a href="job">Job</a></li>
	        <li><a href="task">Task</a></li>
	        <li><a href="jobstatistics">Job Statistics</a></li>
	        <li><a href="taskstatistics">Task Statistics</a></li>
	      </ul>
	    </li>
	    <li><a href="#"><i class="icon icon-th"></i> <span>Monitors</span></a></li>
	    <li class="submenu"> <a href="#"><i class="icon icon-warning-sign"></i> <span>Warns &amp; Alarms</span> <span class="label label-important">2</span></a>
	      <ul>
	        <li><a href="#">Warns</a></li>
	        <li><a href="#">Alarms</a></li>
	      </ul>
	    </li>
	    <li class="submenu"> <a href="#"><i class="icon icon-cog"></i> <span>Settings</span> <span class="label label-important">5</span></a>
	      <ul>
	        <li><a href="userMain">Monitor Users</a></li>
	        <li><a href="appMain">Application</a></li>
	        <li><a href="itemMain">Monitor Items</a></li>
	        <li><a href="alarmMain">Alarm Rules</a></li>
	        <li><a href="sendMain">Send Rules</a></li>
	      </ul>
	    </li>
  </ul>
</div>